<template>
  <div style="display: flex; align-items: center">
    <el-popover
      placement="right"
      :width="400"
      trigger="click"
      v-model:visible="visible"
    >
      <template #reference>
        <el-icon style="cursor: pointer"><ChatRound /></el-icon>
      </template>
      <div>
        <div>
          <el-icon
            style="float: right; cursor: pointer"
            @click="visible = false"
            ><Close
          /></el-icon>
        </div>
        <el-input v-model="input" placeholder="Please input" />
        <el-button
          style="background-color: #4682b4; color: white; float: right"
          round
          >回复</el-button
        >
      </div>
    </el-popover>
  </div>
</template>
<script setup>
import { ChatRound, Close } from '@element-plus/icons-vue'
import { ref } from 'vue'
const input = ref('')
const visible = ref(false)

// import router from '@/router'

// function test() {
//   router.push('/detailSearch')
// }
// import axios from 'axios'
// function test() {
//   axios.post('user/login').then(function (res) {
//     console.log(JSON.stringify(res.data.data) + '成功')
//   })
// }
</script>
